// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/theming/

// Font path is used to include ionicons,
// roboto, and noto sans fonts
$font-path: "../assets/fonts";


// The app direction is used to include
// rtl styles in your app. For more info, please see:
// http://ionicframework.com/docs/theming/rtl-support/
$app-direction: ltr;


@import "ionic.globals";
//@import "theme.blue";



// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/theming/overriding-ionic-variables/




// Named Color Variables
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic uses a Sass map of
// colors so you can add, rename and remove colors as needed.
// The "primary" color is the only required color in the map.

//$colors: (
//  primary:    #488aff,
//  secondary:  #32db64,
//  danger:     #f53d3d,
//  light:      #f4f4f4,
//  dark:       #222
//);

$colors: (
  primary:    #fe836c,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  header:     #f60
);


// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here

$tabs-ios-tab-text-color:#70affd;
$tabs-ios-tab-text-color-active:#70affd;
$toolbar-ios-button-font-size:1.3rem;
$toolbar-ios-title-font-size:1.3rem;
$toast-ios-background:#eee;
$toast-ios-border-radius:0.325rem;
$toast-ios-title-color:#666;
$toast-ios-title-font-size:0.7rem;
$toast-ios-title-padding-top:0.75rem;
$popover-ios-width:250px;

$alert-ios-radio-label-text-color:#999;
$alert-ios-radio-label-text-color-checked:#666;
$alert-ios-radio-icon-border-color:#888;



  //$radio-ios-color-on:#3fbcef !important;
//$alert-ios-radio-label:#3fbcef;





// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here
$tabs-md-tab-text-color:#70affd;
$tabs-md-tab-icon-color:#70affd;
$tabs-md-tab-icon-color-active:#70affd;
$tabs-md-tab-text-color-active:#70affd;
$toolbar-md-button-font-size:1.3rem;
$toolbar-md-title-font-size:1.3rem;


// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here
$tabs-wp-tab-color:#70affd;
$tabs-wp-tab-icon-color:#70affd;
$tabs-wp-tab-icon-color-active:#70affd;
$tabs-wp-tab-text-color-active:#70affd;
$toolbar-wp-button-font-size:1.3rem;
$toolbar-wp-title-font-size:1.3rem;


.alert{
   padding-top: 10rem !important;
 }


.wsl_btn{
  background:#999;
}

$refresher-icon-color:#70affd;
$refresher-icon-font-size:15px;
$refresher-text-color:#70affd;
$refresher-text-font-size:15px;

//.radio_blue{
//  $alert-ios-radio-label-text-color-checked:#3fbcef ;
//  $alert-ios-radio-icon-border-color:#3fbcef ;
//}

//.radio_orage{
//  $alert-ios-radio-label-text-color-checked:#fe836c;
//  $alert-ios-radio-icon-border-color:#fe836c;
//}


//.alert-radio-label {
//  color: #3fbcef;
//}

// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.

//@import "ionic.theme.default";

// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/ionicons/

@import "ionic.ionicons";


// Fonts
// --------------------------------------------------

@import "roboto";
@import "noto-sans";



@import "theme.orange";
@import "theme.blue";


